#globalnav,
#nav-segmentbar {
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

#globalnav,
#globalnav:before,
#globalnav:after,
#globalnav *,
#globalnav *:before,
#globalnav *:after,
#nav-segmentbar,
#nav-segmentbar:before,
#nav-segmentbar:after,
#nav-segmentbar *,
#nav-segmentbar *:before,
#nav-segmentbar *:after {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    letter-spacing: normal
}

#globalnav article,
#globalnav aside,
#globalnav details,
#globalnav figcaption,
#globalnav figure,
#globalnav footer,
#globalnav header,
#globalnav nav,
#globalnav section,
#nav-segmentbar article,
#nav-segmentbar aside,
#nav-segmentbar details,
#nav-segmentbar figcaption,
#nav-segmentbar figure,
#nav-segmentbar footer,
#nav-segmentbar header,
#nav-segmentbar nav,
#nav-segmentbar section {
    display: block
}

#globalnav img,
#nav-segmentbar img {
    border: 0;
    vertical-align: middle
}

#globalnav ul,
#nav-segmentbar ul {
    list-style: none
}

#globalnav,
#globalnav input,
#globalnav textarea,
#globalnav select,
#globalnav button,
#nav-segmentbar,
#nav-segmentbar input,
#nav-segmentbar textarea,
#nav-segmentbar select,
#nav-segmentbar button {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
    direction: ltr;
    text-align: left
}

#globalnav,
#globalnav select,
#globalnav button,
#nav-segmentbar,
#nav-segmentbar select,
#nav-segmentbar button,
#globalnav input,
#globalnav textarea,
#nav-segmentbar input,
#nav-segmentbar textarea {
    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "Arial", sans-serif
}

#globalnav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block;
    margin: 0;
    width: 100%;
    min-width: 1024px;
    height: 48px;
    max-height: 44px;
    background: #333;
    background:rgb(0,157,183);
    font-size: 18px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px)
}

@media only screen and (max-width:1044px) {
    #globalnav {
        min-width: 320px
    }

}

@media only screen and (max-width:767px) {
    #globalnav {
        max-height: none;
        -webkit-transition: background 0.35s linear, height 0.35s ease-in;
        transition: background 0.35s linear, height 0.35s ease-in
    }

    #nav-menustate:checked ~ #globalnav,
    #nav-menustate:target ~ #globalnav {
        height: 100%;
        background: #000;
        -webkit-transition: background 0.35s linear, height 0.35s ease-in 200ms;
        transition: background 0.35s linear, height 0.35s ease-in 200ms
    }

}

#nav-menustate {
    display: none
}

#nav-placeholder {
    height: 44px
}

@media only screen and (max-width:767px) {
    #nav-placeholder {
        height: 48px
    }

}

@-webkit-keyframes nav-curtain-show {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }

}

@keyframes nav-curtain-show {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }

}

#nav-curtain {
    background: rgba(0, 0, 0, 0.2);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998
}

#globalnav .nav-content {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 22px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:767px) {
    #globalnav .nav-content {
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }

}

#globalnav .nav-header {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    #globalnav .nav-header {
        display: block
    }

}

#globalnav .nav-list {
    cursor: default;
    margin: 0 -10px;
    width: auto;
    height: 44px;
    text-align: justify;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    user-select: none
}

#globalnav .nav-list:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

@media only screen and (max-width:767px) {
    #globalnav .nav-list {
        position: absolute;
        z-index: 2;
        top: 48px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0 48px;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 1s;
        transition: visibility 0s linear 1s
    }

    #globalnav .nav-list:nth-child(2) {
        margin-top: 12px
    }

    #globalnav .nav-list:nth-child(9) {
        margin-bottom: 48px
    }

    #nav-menustate:checked ~ #globalnav .nav-list,
    #nav-menustate:target ~ #globalnav .nav-list {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

}

#globalnav .nav-item {
    display: inline-block;
    position: relative;
    height: 44px;
    z-index: 1;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    #globalnav .nav-item {
        width: 100%;
        height: 48px
    }

}

@media only screen and (max-width:767px) {
    #globalnav .nav-home {
        display: none
    }

}

@media only screen and (max-width:767px) {
    #globalnav .nav-item-menu {
        height: 47px;
        border-bottom: 1px solid #333;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out
    }

    #globalnav .nav-item-menu:nth-child(2) {
        -webkit-transition-delay: 400ms, 400ms;
        transition-delay: 400ms, 400ms
    }

    #globalnav .nav-item-menu:nth-child(3) {
        -webkit-transition-delay: 350ms, 350ms;
        transition-delay: 350ms, 350ms
    }

    #globalnav .nav-item-menu:nth-child(4) {
        -webkit-transition-delay: 300ms, 300ms;
        transition-delay: 300ms, 300ms
    }

    #globalnav .nav-item-menu:nth-child(5) {
        -webkit-transition-delay: 250ms, 250ms;
        transition-delay: 250ms, 250ms
    }

    #globalnav .nav-item-menu:nth-child(6) {
        -webkit-transition-delay: 200ms, 200ms;
        transition-delay: 200ms, 200ms
    }

    #globalnav .nav-item-menu:nth-child(7) {
        -webkit-transition-delay: 150ms, 150ms;
        transition-delay: 150ms, 150ms
    }

    #globalnav .nav-item-menu:nth-child(8) {
        -webkit-transition-delay: 100ms, 100ms;
        transition-delay: 100ms, 100ms
    }

    #globalnav .nav-item-menu:nth-child(9) {
        -webkit-transition-delay: 50ms, 50ms;
        transition-delay: 50ms, 50ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu,
    #nav-menustate:target ~ #globalnav .nav-item-menu {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(2),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(2) {
        -webkit-transition-delay: 300ms, 300ms;
        transition-delay: 300ms, 300ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(3),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(3) {
        -webkit-transition-delay: 350ms, 350ms;
        transition-delay: 350ms, 350ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(4),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(4) {
        -webkit-transition-delay: 400ms, 400ms;
        transition-delay: 400ms, 400ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(5),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(5) {
        -webkit-transition-delay: 450ms, 450ms;
        transition-delay: 450ms, 450ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(6),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(6) {
        -webkit-transition-delay: 500ms, 500ms;
        transition-delay: 500ms, 500ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(7),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(7) {
        -webkit-transition-delay: 550ms, 550ms;
        transition-delay: 550ms, 550ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(8),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(8) {
        -webkit-transition-delay: 600ms, 600ms;
        transition-delay: 600ms, 600ms
    }

    #nav-menustate:checked ~ #globalnav .nav-item-menu:nth-child(9),
    #nav-menustate:target ~ #globalnav .nav-item-menu:nth-child(9) {
        -webkit-transition-delay: 650ms, 650ms;
        transition-delay: 650ms, 650ms
    }

}

#globalnav .nav-link {
    font-size: 16px;
    line-height: 2.75;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 10px;
    height: 44px;
    background: no-repeat;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent;
    outline-offset: -7px
}

@media only screen and (max-width:767px) {
    #globalnav .nav-link {
        font-size: 20px;
        line-height: 2.35;
        font-weight: 300;
        letter-spacing: normal
    }

}

@media only screen and (max-width:767px) {
    #globalnav .nav-link {
        height: 48px
    }

}

#globalnav.no-js .nav-link:hover {
    opacity: .65
}

#globalnav.no-touch .nav-link:hover {
    opacity: .65
}

@media only screen and (max-width:767px) {
    #globalnav .nav-item-menu .nav-link {
        background-position: left center;
        display: block;
        outline-offset: 0;
        padding: 0;
        width: auto;
        max-width: none
    }

}

#globalnav .nav-link.current {
    opacity: .65
}

#globalnav .nav-logo {
    left: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 48px;
    border-bottom: none
}

#globalnav .nav-menuicon {
    right: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 48px;
    border-bottom: none
}

#globalnav .nav-menuicon-label {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    width: 48px;
    height: 48px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-tap-highlight-color: transparent
}

#globalnav .nav-menuicon-label:hover,
#globalnav .nav-menuicon-label:focus,
#globalnav .nav-menuicon-label:active {
    opacity: .65
}

#globalnav.touch .nav-menuicon-label {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}

#nav-menustate:checked ~ #globalnav .nav-menuicon-label,
#nav-menustate:target ~ #globalnav .nav-menuicon-label {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#globalnav .nav-menuicon-bread {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

#globalnav .nav-menuicon-bread-top {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    z-index: 4
}

#nav-menustate:checked ~ #globalnav .nav-menuicon-bread-top,
#nav-menustate:target ~ #globalnav .nav-menuicon-bread-top {
    -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#globalnav .nav-menuicon-bread-bottom {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#nav-menustate:checked ~ #globalnav .nav-menuicon-bread-bottom,
#nav-menustate:target ~ #globalnav .nav-menuicon-bread-bottom {
    -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#globalnav .nav-menuicon-bread-crust {
    display: block;
    width: 17px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 16px;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

#globalnav .nav-menuicon-bread-crust-top {
    top: 23px;
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

#nav-menustate:checked ~ #globalnav .nav-menuicon-bread-crust-top,
#nav-menustate:target ~ #globalnav .nav-menuicon-bread-crust-top {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0;
    transition-delay: 0
}

#globalnav .nav-menuicon-bread-crust-bottom {
    bottom: 23px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

#nav-menustate:checked ~ #globalnav .nav-menuicon-bread-crust-bottom,
#nav-menustate:target ~ #globalnav .nav-menuicon-bread-crust-bottom {
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#globalnav .nav-menuanchor {
    left: 0;
    color: #fff;
    position: absolute;
    top: 0;
    width: 1px;
    height: 1px;
    z-index: 10
}

#globalnav .nav-menuanchor:focus {
    outline-offset: -8px;
    width: 48px;
    height: 48px
}

#globalnav .nav-menuanchor-close {
    display: none
}

#globalnav .nav-menuanchor-label {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

#nav-menustate:checked ~ #globalnav .nav-menuanchor-open,
#nav-menustate:target ~ #globalnav .nav-menuanchor-open {
    display: none
}

#nav-menustate:checked ~ #globalnav .nav-menuanchor-close,
#nav-menustate:target ~ #globalnav .nav-menuanchor-close {
    display: block
}

html.nav-noscroll {
    margin-top: 0 !important
}

html.nav-noscroll,
html.nav-noscroll body {
    overflow: hidden !important;
    height: 100% !important
}

html.nav-noscroll-long {
    overflow-y: scroll !important
}

#localnav {
    font-weight: normal;
    text-size-adjust: 100%
}

#localnav,
#localnav:before,
#localnav:after,
#localnav *,
#localnav *:before,
#localnav *:after {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    letter-spacing: normal
}

#localnav *,
#localnav *:before,
#localnav *:after {
    font-size: 1em;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit
}

#localnav article,
#localnav aside,
#localnav details,
#localnav figcaption,
#localnav figure,
#localnav footer,
#localnav header,
#localnav nav,
#localnav section {
    display: block
}

#localnav img {
    border: 0;
    vertical-align: middle
}

#localnav ul {
    list-style: none
}

#localnav,
#localnav input,
#localnav textarea,
#localnav select,
#localnav button {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
    direction: ltr;
    text-align: left
}

#localnav,
#localnav select,
#localnav button {
    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "Arial", sans-serif
}

#localnav a,
#localnav a:hover {
    text-decoration: none
}

#localnav.no-js a:hover {
    text-decoration: none
}

#localnav.no-touch a:hover {
    text-decoration: none
}

#localnav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    min-width: 1024px;
    z-index: 9997
}

@media only screen and (max-width:1044px) {
    #localnav {
        min-width: 320px
    }

}

@media only screen and (max-width:767px) {
    #localnav {
        height: 48px
    }

}

#localnav.theme-dark {
    background: none
}

#localnav-menustate {
    display: none
}

#localnav .localnav-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 1
}

#localnav .localnav-content {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 22px;
    position: relative;
    z-index: 2
}

#localnav .localnav-content:before,
#localnav .localnav-content:after {
    content: ' ';
    display: table
}

#localnav .localnav-content:after {
    clear: both
}

@media only screen and (max-width:1023px) {
    #localnav .localnav-content {
        border-bottom: none
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-content {
        padding: 0 16px
    }

}

#localnav.css-sticky {
    position: -webkit-sticky;
    position: sticky
}

#localnav.no-css-sticky.localnav-sticking {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: fixed
}

#localnav-sticky-placeholder {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    visibility: hidden;
    z-index: -1
}

#localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
    height: 52px
}

.ac-localnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking,
.ac-nav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
    height: 0
}

@media only screen and (max-width:767px) {
    #localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
        height: 48px
    }

}

#localnav-curtain {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 9996;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

@media only screen and (max-width:767px) {
    #localnav-curtain {
        -webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
        transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s
    }

}

#localnav-menustate:checked ~ #localnav-curtain,
#localnav-menustate:target ~ #localnav-curtain {
    -webkit-transition: opacity 1s ease 0.1s;
    transition: opacity 1s ease 0.1s
}

@media only screen and (max-width:767px) {
    #localnav-menustate:checked ~ #localnav-curtain,
    #localnav-menustate:target ~ #localnav-curtain {
        opacity: 1;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

}

#localnav .localnav-actions {
    float: left
}

@media only screen and (max-width:767px) {
    #localnav .localnav-actions {
        right: 0;
        padding: 0 16px;
        position: absolute;
        top: 0;
        z-index: 1
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-actions-center {
        left: 50%
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-actions-center .localnav-action-menucta {
        margin-left: -20px;
        left: 0;
        position: absolute;
        z-index: 1
    }

}

#localnav .localnav-action {
    margin-left: 24px;
    float: left
}

@media only screen and (max-width:1023px) {
    #localnav .localnav-action {
        margin-left: 16px
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-action-button {
        margin-left: 27px;
        float: right
    }

}

#localnav .localnav-action-menucta {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:767px) {
    #localnav .localnav-action-menucta {
        float: left
    }

}

#localnav .localnav-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)
}

#localnav .localnav-background:after {
    background-color: rgba(214, 214, 214, 0.4)
}

#localnav.ie7 .localnav-background,
#localnav.ie8 .localnav-background {
    border-color: #d6d6d6
}

@media only screen and (max-width:767px) {
    #localnav .localnav-background {
        min-height: 48px;
        -webkit-transition: background-color 0.5s ease 0.7s;
        transition: background-color 0.5s ease 0.7s
    }

    #localnav.ac-localnav-hero .localnav-background {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

}

#localnav.localnav-sticking .localnav-background {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    -webkit-transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, backdrop-filter
}

#localnav.localnav-sticking .localnav-background:after {
    background-color: rgba(214, 214, 214, 0.4)
}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    #localnav.localnav-sticking .localnav-background {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255, 255, 255, 0.7)
    }

}

#localnav-menustate:checked ~ #localnav .localnav-background,
#localnav-menustate:target ~ #localnav .localnav-background {
    background-color: #fff;
    max-height: none;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    -webkit-transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, backdrop-filter
}

#localnav-menustate:checked ~ #localnav .localnav-background:after,
#localnav-menustate:target ~ #localnav .localnav-background:after {
    background-color: rgba(214, 214, 214, 0.4)
}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    #localnav-menustate:checked ~ #localnav .localnav-background,
    #localnav-menustate:target ~ #localnav .localnav-background {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255, 255, 255, 0.9)
    }

}

#localnav .localnav-background:after {
    margin-left: -490px;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 980px;
    height: 1px;
    z-index: 1
}

@media only screen and (max-width:1023px) {
    #localnav .localnav-background:after {
        margin-left: 0;
        left: 0;
        width: 100%
    }

}

#localnav.localnav-sticking .localnav-background:after {
    margin-left: 0;
    left: 0;
    width: 100%
}

#localnav-menustate:checked ~ #localnav .localnav-background:after,
#localnav-menustate:target ~ #localnav .localnav-background:after {
    margin-left: 0;
    left: 0;
    width: 100%
}

#localnav .localnav-menu {
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    float: right;
    line-height: 44px;
    padding-top: 8px
}

@media only screen and (max-width:767px) {
    #localnav .localnav-menu {
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: normal
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-menu {
        line-height: 48px;
        padding-top: 0;
        width: 100%
    }

}

#localnav .localnav-menu-tray {
    float: left
}

@media only screen and (max-width:767px) {
    #localnav .localnav-menu-tray {
        float: none;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
        transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-tray,
    #localnav-menustate:target ~ #localnav .localnav-menu-tray {
        max-height: 400px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        pointer-events: auto;
        visibility: visible;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s
    }

}

@media only screen and (max-width:767px) and (orientation:landscape) {
    #localnav-menustate:checked ~ #localnav .localnav-menu-tray,
    #localnav-menustate:target ~ #localnav .localnav-menu-tray {
        max-height: 280px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px)
    }

}

@media only screen and (max-width:767px) {
    #localnav-menustate:checked ~ #localnav.localnav-opening .localnav-menu-tray,
    #localnav-menustate:target ~ #localnav.localnav-opening .localnav-menu-tray {
        overflow-y: hidden
    }

    #localnav-menustate:checked ~ #localnav.localnav-sticking .localnav-menu-tray,
    #localnav-menustate:target ~ #localnav.localnav-sticking .localnav-menu-tray {
        max-height: -webkit-calc(100vh - 48px);
        max-height: calc(100vh - 48px)
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-menu-items {
        opacity: 0;
        padding: 17px 32px 28px 32px;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        -webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-items,
    #localnav-menustate:target ~ #localnav .localnav-menu-items {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-delay: 0.2s, 0.4s;
        transition-delay: 0.2s, 0.4s
    }

}

#localnav .localnav-menu-item {
    margin-left: 24px;
    float: left;
    list-style: none
}

@media only screen and (max-width:1023px) {
    #localnav .localnav-menu-item {
        margin-left: 16px
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-menu-item {
        margin-left: 0;
        display: inline-block;
        float: none;
        line-height: 48px;
        width: 100%;
        height: 48px
    }

    #localnav .localnav-menu-item:first-child .localnav-menu-link {
        border-top: 0
    }

    #localnav .localnav-menu-item:nth-child(1) .localnav-menu-link {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s
    }

    #localnav .localnav-menu-item:nth-child(2) .localnav-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }

    #localnav .localnav-menu-item:nth-child(3) .localnav-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }

    #localnav .localnav-menu-item:nth-child(4) .localnav-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }

    #localnav .localnav-menu-item:nth-child(5) .localnav-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }

    #localnav .localnav-menu-item:nth-child(6) .localnav-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }

    #localnav .localnav-menu-item:nth-child(7) .localnav-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(1) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(1) .localnav-menu-link {
        -webkit-transition-delay: 0.56s;
        transition-delay: 0.56s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(2) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(2) .localnav-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(3) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(3) .localnav-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(4) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(4) .localnav-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(5) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(5) .localnav-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(6) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(6) .localnav-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-item:nth-child(7) .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-item:nth-child(7) .localnav-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }

}

#localnav .localnav-menu-link {
    color: #333;
    display: inline-block;
    line-height: 22px;
    white-space: nowrap
}

#localnav .localnav-menu-link:hover {
    text-decoration: none
}

@media only screen and (max-width:767px) {
    #localnav .localnav-menu-link {
        border-top: 1px solid rgba(214, 214, 214, 0.5);
        display: block;
        line-height: 48px;
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity
    }

    #localnav-menustate:checked ~ #localnav .localnav-menu-link,
    #localnav-menustate:target ~ #localnav .localnav-menu-link {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

}

#localnav.no-js .localnav-menu-link:hover {
    color: #0070c9;
    text-decoration: none
}

#localnav.no-touch .localnav-menu-link:hover {
    color: #0070c9;
    text-decoration: none
}

#localnav .localnav-menu-link.current {
    color: rgba(51, 51, 51, 0.6);
    cursor: default
}

#localnav.no-js .localnav-menu-link.current:hover {
    color: rgba(51, 51, 51, 0.6)
}

#localnav.no-touch .localnav-menu-link.current:hover {
    color: rgba(51, 51, 51, 0.6)
}

#localnav .localnav-action-menucta {
    display: none
}

@media only screen and (max-width:767px) {
    #localnav .localnav-action-menucta {
        display: block
    }

}

#localnav .localnav-menucta {
    margin-right: -11px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 48px;
    -webkit-tap-highlight-color: transparent
}

#localnav .localnav-menucta-chevron {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

#localnav .localnav-menucta-chevron::before,
#localnav .localnav-menucta-chevron::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 1px;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)
}

#localnav .localnav-menucta-chevron::before {
    right: 50%
}

#localnav .localnav-menucta-chevron::after {
    left: 50%
}

#localnav .localnav-menucta-chevron::before,
#localnav .localnav-menucta-chevron::after {
    background: #333
}

#localnav .localnav-menucta-chevron::before {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5)
}

#localnav .localnav-menucta-chevron::after {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5)
}

#localnav-menustate:checked ~ #localnav .localnav-menucta-chevron,
#localnav-menustate:target ~ #localnav .localnav-menucta-chevron {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

#localnav-menustate:checked ~ #localnav .localnav-menucta-chevron::before,
#localnav-menustate:target ~ #localnav .localnav-menucta-chevron::before {
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5)
}

#localnav-menustate:checked ~ #localnav .localnav-menucta-chevron::after,
#localnav-menustate:target ~ #localnav .localnav-menucta-chevron::after {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5)
}

#localnav .localnav-menucta-anchor {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: 10
}

#localnav .localnav-menucta-anchor:focus {
    outline-offset: -6px;
    width: 100%;
    height: 100%
}

#localnav .localnav-menucta-anchor-close {
    display: none
}

#localnav .localnav-menucta-anchor-label {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

@media only screen and (max-width:767px) {
    #localnav .localnav-menucta-anchor {
        display: block
    }

}

#localnav-menustate:checked ~ #localnav .localnav-menucta-anchor-open,
#localnav-menustate:target ~ #localnav .localnav-menucta-anchor-open {
    display: none
}

#localnav-menustate:checked ~ #localnav .localnav-menucta-anchor-close,
#localnav-menustate:target ~ #localnav .localnav-menucta-anchor-close {
    display: block
}

#localnav .localnav-title {
    font-size: 24px;
    line-height: 2.125;
    font-weight: 300;
    letter-spacing: normal;
    cursor: default;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 52px;
    white-space: nowrap
}

#localnav .localnav-title-current {
    float: right
}

@media only screen and (max-width:767px) {
    #localnav .localnav-title {
        font-size: 20px;
        line-height: 2.4;
        font-weight: 300;
        letter-spacing: normal
    }

}

@media only screen and (max-width:767px) {
    #localnav .localnav-title {
        display: inline-block;
        line-height: 48px;
        height: 48px
    }

}

#localnav .localnav-title a {
    display: inline-block;
    line-height: 1;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle
}

#localnav.no-js .localnav-title a:hover {
    text-decoration: none
}

#localnav.no-touch .localnav-title a:hover {
    text-decoration: none
}

#localnav .localnav-title,
#localnav .localnav-title a {
    color: #333;
    -webkit-transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)
}

#localnav .localnav-button {
    font-size: 16px;
    line-height: 2.00625;
    font-weight: 500;
    letter-spacing: normal;
    background-color: #2189db;
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border: 1px solid #07c;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(28, 115, 184, 0.64);
    white-space: nowrap
}

.directory-item {
    position: relative;
}

.directory-section-state {
    display: none;
}

.directory-section-label {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    font-weight: normal;
}

.directory-section {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 2px;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
}

.directory-section-title {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    user-select: none;
}

.directory-section-title:after {
    content: '+';
    margin-right: 4px;
    float: right;
    font-size: 14px;
    font-weight: normal;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}

.directory-section-list {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 16px;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px)
}

.directory-section-link,
.directory-section-link:hover {
    display: block;
    line-height: 30px;
    padding: 0 14px;
    color: #666;
}

.directory-section-state:checked ~ .directory-section .directory-section-title {
    font-weight: bold;
}

.directory-section-state:checked ~ .directory-section .directory-section-title:after {
    -webkit-transform: rotate(45deg) scale(1.08);
    transform: rotate(45deg) scale(1.08)
}

.directory-section-state:checked ~ .directory-section .directory-section-list {
    position: static;
    z-index: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}

.directory-items-special .directory-section-title {
    background-color: transparent;
}
.directory-items-special .directory-section-title-background {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -14px;
    right: -14px;
    height: 48px;
    border-radius: 8px;
    background-color: #fff;
}
@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .directory-items-special .directory-section-title-background {
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
        -webkit-transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, backdrop-filter;
        background-color: transparent;
    }
    .directory-items-special .directory-section-state:checked ~ .directory-section-title-background {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255,255,255,.55);
    }

}
.directory-items-special .directory-section-link {
    border-top: 0 !important;
}